<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">

	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<title>Document</title>

	<link rel="stylesheet" href="layui/css/layui.css">

	<link rel="stylesheet" type="text/css" href="css/iconfont/iconfont.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">

</head>
<body>
	<!-- 导航 S -->
		<!-- 头部 S -->
			<!-- 顶部导航 S -->

				<div class="layui-row kt-wx-nav">
					<div class="layui-col-sm3 layui-col-xs6">
						<ul class="layui-nav">
							<li class="kt-logo">
								<a href="javascript:;" class="ripple">
									<p>KnowThat</p>
								</a>
							</li>
						</ul>
					</div>

					<div class="layui-col-sm9 layui-col-xs6">
						<div class="kt-top-nav-tree">
							<ul class="layui-nav" lay-filter="">

								<li class="layui-nav-item ">
									<a href="javascript:;" class="ripple">123231<span class="layui-badge">9</span></a>
								</li>

								<li class="layui-nav-item">
									<a href="javascript:;" class="ripple"><img src="images/headpic.jpg" class="layui-nav-img">飞洋的服务</a>
									<dl class="layui-nav-child">
										<dd><a href="javascript:;" class="ripple">修改信息</a></dd>
										<dd><a href="javascript:;" class="ripple">安全管理</a></dd>
										<dd><a href="javascript:;" class="ripple">退了</a></dd>
									</dl>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- 顶部导航 E -->
		<!-- 头部 E -->

		<!-- 左侧 S -->
			<ul class="layui-nav layui-nav-tree kt-wx-nav-tree" lay-shrink="">
				<li class="layui-nav-item layui-nav-itemed">
					<a href="javascript:;" class="ripple"><i class="layui-icon layui-icon-app"></i> 默认展开</a>
					
					<dl class="layui-nav-child">
						<dd><a href="javascript:;" class="ripple">选项1</a></dd>
						<dd><a href="javascript:;" class="ripple">选项2</a></dd>
						<dd><a href="" class="ripple">跳转</a></dd>
					</dl>
				</li>

				<li class="layui-nav-item layui-nav-itemed">
					<a href="javascript:;" class="ripple"><i class="layui-icon layui-icon-app"></i> 解决方案</a>

					<dl class="layui-nav-child">
						<dd><a href="javascript:;" class="ripple">移动模块</a></dd>
						<dd><a href="javascript:;" class="ripple">后台模版</a></dd>
						<dd><a href="javascript:;" class="ripple">电商平台</a></dd>
					</dl>
				</li>

				<li class="layui-nav-item layui-nav-itemed">
					<a href="javascript:;" class="ripple"><i class="layui-icon layui-icon-app"></i> 解决方案</a>

					<dl class="layui-nav-child">
						<dd><a href="javascript:;" class="ripple">移动模块</a></dd>
						<dd><a href="javascript:;" class="ripple">后台模版</a></dd>
						<dd><a href="javascript:;" class="ripple">电商平台</a></dd>
					</dl>
				</li>

				<li class="layui-nav-item"><a href="javascript:;" class="ripple">产品</a></li>

				<li class="layui-nav-item"><a href="javascript:;" class="ripple">大数据</a></li>
			</ul>
		<!-- 左侧 E -->
	<!-- 导航 E -->

	<!-- 右侧主体 S -->
		<div class="content">
			<h1 class="title">自定义菜单</h1>
			<div class="con">
				<div class="kt-wx-msg">
					<div class="layui-elem-quote">
						<div>
							<span class="layui-icon layui-icon-tips"></span>
						</div>
						<div>
							<p>菜单编辑中</p>
							<p>菜单未发布，请确认菜单编辑完成后点击“保存并发布”同步到手机。</p>
						</div>
					</div>
				</div>
				<form class="layui-form">
					<div class="con-body">
						<div class="left">
							<div>
								<p class="wx-public-number-title">尚读联考风向标</p>
								<div class="wx-public-number-keybords">
									<ul>
										<li>
											<a href="javascript:;">考务系统</a>
											<ul>
												<li>
													<a href="javascript:;">111</a>
												</li>
												<li>
													<a href="javascript:;">222</a>
												</li>
												<li>
													<a href="javascript:;">333</a>
												</li>
												<span class="wx-menu-bottom"></span>
												<span class="wx-menu-bottom"></span>
												
											</ul>
										</li>
										<li>
											<a href="javascript:;">考务系统</a>
											<ul>
												<li>
													<a href="javascript:;" class="wx-menu-add"><span class="layui-icon layui-icon-close"></span></a>
												</li>
												<span class="wx-menu-bottom"></span>
												<span class="wx-menu-bottom"></span>
												
											</ul>
										</li>
										<li>
											<a href="javascript:;">考务系统</a>
											<ul>
												<li>
													<a href="javascript:;" class="wx-menu-add"><span class="layui-icon layui-icon-close"></span></a>
												</li>
												<span class="wx-menu-bottom"></span>
												<span class="wx-menu-bottom"></span>
												
											</ul>
										</li>
									</ul>
								</div>
							</div>
						</div>

						<div class="right">
							
							<p class="wx-public-number-title">
								<span>系统帮助</span>
								<a href="javascript:;">删除子菜单</a>
							</p>

								<div class="layui-form-item">
									<label class="layui-form-label">菜单名称</label>
									<div class="layui-input-block">
										<input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
										<span class="kt-input-tips">字数不超过4个汉字或8个字母</span>
									</div>
								</div>

								<div class="layui-form-item">
									<label class="layui-form-label">单选框</label>
									<div class="layui-input-block">
										<div class="layui-tab">
											<ul class="layui-tab-title">
												<li class="layui-this">
													<input type="radio" name="sex" value="发送消息" title="发送消息" checked>
												</li>
												<li>
													<input type="radio" name="sex" value="跳转网页" title="跳转网页">
												</li>
												<li>
													<input type="radio" name="sex" value="跳转小程序" title="跳转小程序">
												</li>
											</ul>
											<div class="layui-tab-content">
												<div class="layui-tab-item layui-show">
													<div class="layui-tab">
														<ul class="layui-tab-title">
															<li class="layui-this">
																<span class="iconfont icon-tuwen"></span>
																<span>图文消息</span>
															</li>
															<li>
																<span class="iconfont icon-tubiaozhizuomoban"></span>
																<span>文字</span>
															</li>
															<li>
																<span class="iconfont icon-tupian1"></span>
																<span>图片</span>
															</li>
															<li>
																<span class="iconfont icon-yuyin"></span>
																<span>语音</span>
															</li>
															<li>
																<span class="iconfont icon-shipin"></span>
																<span>视频</span>
															</li>
														</ul>

														<div class="layui-tab-content">
															<div class="layui-tab-item layui-show">
																<div class="wx-img-txt">
																	<div class="layui-row" style="">
																		<div class="layui-col-md4">
																			<a href="javascript:;">
																				<span class="iconfont icon-xiazai"></span>
																				<span>从素材库中选择</span>
																			</a>
																		</div>

																		<div class="layui-col-md4">
																			<a href="javascript:;">
																				<span class="iconfont icon-bianji"></span>
																				<span>自建图文</span>
																			</a>
																		</div>

																		<div class="layui-col-md4">
																			<a href="javascript:;">
																				<span class="iconfont icon-zhexiantu"></span>
																				<span>转载文章</span>
																			</a>
																		</div>
																	</div>
																</div>
															</div>

															<div class="layui-tab-item">
																<div class="wx-font">
																	<textarea id="wx-font"></textarea>
																</div>
															</div>

															<div class="layui-tab-item">
																<div class="wx-img-txt">
																	<div class="layui-row" style="">
																		<div class="layui-col-md6">
																			<a href="javascript:;">
																				<span class="iconfont icon-xiazai"></span>
																				<span>从素材库中选择</span>
																			</a>
																		</div>

																		<div class="layui-col-md6">
																			<a href="javascript:;">
																				<span class="iconfont icon-tupian1"></span>
																				<span>上传图片</span>
																			</a>
																		</div>
																	</div>
																</div>
															</div>

															<div class="layui-tab-item">
																<div class="wx-img-txt">
																	<div class="layui-row" style="">
																		<div class="layui-col-md6">
																			<a href="javascript:;">
																				<span class="iconfont icon-xiazai"></span>
																				<span>从素材库中选择</span>
																			</a>
																		</div>

																		<div class="layui-col-md6">
																			<a href="javascript:;">
																				<span class="iconfont icon-yuyin"></span>
																				<span>新建语音</span>
																			</a>
																		</div>
																	</div>
																</div>
															</div>

															<div class="layui-tab-item">
																<div class="wx-img-txt">
																	<div class="layui-row" style="">
																		<div class="layui-col-md6">
																			<a href="javascript:;">
																				<span class="iconfont icon-xiazai"></span>
																				<span>从素材库中选择</span>
																			</a>
																		</div>

																		<div class="layui-col-md6">
																			<a href="javascript:;">
																				<span class="iconfont icon-shipin"></span>
																				<span>上传视频</span>
																			</a>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
												<div class="layui-tab-item">
													<div style="padding:20px;">
														<p style="padding-left:15px;margin-bottom:10px;color:#8d8d8d;">订阅者点击该子菜单会跳到以下链接</p>
														<div class="layui-form-item">
															<label class="layui-form-label">菜单名称</label>
															<div class="layui-input-block">
																<input type="text" name="title1" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
																<span class="kt-input-tips"><a href="javascript:;" style="color:#01AAED;">从公众号图文消息中选择</a></span>
															</div>

														</div>
													</div>
												</div>
												<div class="layui-tab-item">
													<div style="padding:20px;display:flex;justify-content: center;align-items: center;">
														暂未开放
													</div>
												</div>
											</div>
										</div>

									</div>
								</div>

							<span class="wx-menu-left"></span>
							<span class="wx-menu-left"></span>
						</div>
					</div>
					
					<div style="text-align: center;">
						<button type="submit" class="layui-btn kt-form-btn">保存并发布</button>
						<button type="reset" class="layui-btn layui-btn-primary">重置</button>
					</div>
				</form>
			</div>
		</div>
	<!-- 右侧主体 E -->

	<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>

	<script type="text/javascript" src="layui/layui.js"></script>

	<!-- 微信管理系统自定义js -->
	<script type="text/javascript" src="js/index.js"></script>

</body>
</html>